<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/angular-1.4.1/angular.js"></script>
</head>
<body ng-app="myApp" ng-controller="myController">

{{"Hello"|myFilter}}
<br/>

<ul>
    <li ng-repeat="item in arr | arrFilter">{{item}}</li>
</ul>

<script type="application/javascript">
    var app = angular.module("myApp", []);
    app.controller("myController", ["$scope", function ($scope) {
        $scope.arr = [1, 2, 3, 4, 5];
    }]);
    app.filter("myFilter", function () {
        return function (value) {
            console.log(value);
            return value;
        }
    });
    app.filter("arrFilter", function () {
        return function (value) {
            console.log(value);
            return value.map(Math.pow);
        }
    });
</script>
</body>
</html>